<template>
<div>
  <h1>id:{{id}}</h1>
  <img src="../assets/10589.jpg" alt="美女1"><p>美女1</p>
  <img src="../assets/10626.jpg" alt="美女2"><p>美女2</p>
  <img src="../assets/10633.jpg" alt="美女3"><p>美女3</p>
  <img src="../assets/10683.jpg" alt="美女4"><p>美女4</p>
  <img src="../assets/10686.jpg" alt="美女5"><p>美女5</p>
  <img src="../assets/10687.jpg" alt="美女6"><p>美女6</p>
  <img src="../assets/10717.jpg" alt="美女7"><p>美女7</p>
</div>
</template>

<script>
export default {
  name: "Product",
  data(){
    return{
      //接参
      id:this.$route.params.id
    }
  }
}
</script>

<style scoped>
img{
  height: auto;
  width: auto;
}
div{
  text-align: center;
}
</style>
